<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>我的网页</title>
    <style>
        p{
            font-family: "宋体";
            font-size: 50px;
        }
    </style>
</head>

<body>
    <p>正义的地球人</p>
    <em> 你是最厉害的，666</em>
    <h1>1级标题</h1>
    <h2>2级标题</h2>
    <h3>3级标题</h3>
    <h4>4级标题</h4>
    <h5>5级标题</h5>
    <h6>6级<br>标题</h6>
    <hr />
    <p>545515321
    </p>
    <!--添加图片，错误路径显示alt里的信息-->
    <img src="img/1.jpg" alt="" title="666">
    <!-- 普通超链接，跳转页面 -->
    <a href="first.html">去first页面</a>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <!-- 定义一个位置 -->
    <a name="start"></a>
    <p>指定位置指定位置指定位置指定位置指定位置指定位置指定位置</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <a id="second"></a>
    <p>指定位置指定位置指定位置指定位置指定位置2222222222222</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <p>11111111111111</p>
    <!-- 视频普通写法 -->
    <video src="img/video.webm" controls autoplay loop></video>
    <!-- 兼容写法，第一个不能播放就播放第二个 -->
    <video controls>
        <source src="....." type="video/webm" >
        </source>
        <source src="img/video.webm" type="video/webm" >
        </source>
        ???????都不能播放
    </video>

    <audio controls>
        <source src="img/video.webm" type="audio/mpeg">
        </source>
        <source src="img/video.webm" type="audio/mpeg">
        </source>
    </audio>
    <!-- 锚链接，调到指定位置 -->
    <a href="#start">回到指定位置</a>
    <a href="#second">回到指定位置</a>
    <a href="http://www.baidu.com" target="_blank">跳转百度页面</a>
    <a target="_blank"
        href="//shang.qq.com/wpa/qunwpa?idkey=2dc576c040df2664a925ecd4485e5073ba38b43a3513cef0800306ddf2eb09d1">
        <img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="J19班级群" title="J19班级群"></a>
    <header style="background-color: blue;">网页头部</header>
    <section style="background-color: blueviolet;">网页主题</section>
    <footer style="background-color: brown;">网页底部</footer>
    
</body>

</html>